8 trucchi CSS di una sola rigaQuesta � la traduzione dell'articolo 8 Premium One Line Css Tips (http://www.cssglobe.com/post/1392/8-premium-one-line-css-tips) di Alen Grakalic pubblicato originariamente su CSS Globe (http://www.cssglobe.com/). La traduzione viene qui presentata con il consenso dell'editore e dell'autore. Le migliori soluzioni sono spesso le pi� semplici. Ecco una lista di 8 tecniche e trucchetti CSS che contengono solo una propriet�. 1. Centrare verticalmente con line-heightline-height:24px; Quando avete un elemento contenitore con altezza fissa, potete usare la propriet� line-height per centrare verticalmente il contenuto. Ecco una demo (http://cssglobe.com/articles/one_liners/line_height.html). 2. Impedire al contenuto eccedente di rovinare il layout#main{ Quando del contenuto molto grande (per esempio un'immagine di grandi dimensioni) � inserito in un contenitore a larghezza fissa e a cui sia applicato il float, pu� rovinare il layout. Per prevenire tutto ci� usate questo trucco. Nasconder� una parte del contenuto, ma almeno la struttura del layout rimarr� intatta. Su questo argomento ho scritto tempo fa un articolo specifico (http://www.pixelpusher.biz/archive/article.asp?id=35). 3. Prevenire l'interruzione di riga nei linka{ Questo piccolo trucco impedir� l'interruzione forzata della riga sui vostri link. Suggerisco di usarlo con testi lunghi per evitare di avere link che si estendono su due righe. 4. Mostrare sempre la scrollbar su Firefoxhtml{ Firefox, di default, nasconde sempre la scrollbar. Cos�, quando navigate su un sito che ha differenti altezze di pagina, potrete osservare uno spostamento orizzontale. Questo piccolo snippet di codice far� s� che la scrollbar sia sempre visibile, prevenendo dunque lo spostamento orizzontale. 5. Centrare elementi block orizzontalmentemargin:0 auto; Su tutti i browser moderni questa semplice linea di codice � sufficiente per centrare orizzontalmente elementi di tipo block. 6. Rimuovere la scrollbar verticale sulle textarea in IEtextarea{ Su IE, le textarea hanno di default una scrollbar verticale visibile. Se volete rimuoverla usate questo codice. 7. Forzare l'interruzione di pagina nella stampah2{ Con questa riga di codice potete controllare i punti in cui volete inserire l'interruzione delle pagine in fase di stampa del documento. 8. Rimuovere i bordi attorno ai linka:active, a:focus{ Ho trovato questo trucco qui (http://jonnoriekwel.nl/blog/remove-firefoxs-dotted-link-border/). Rimuove il bordo a puntini dai link in stato di focus e active. |